<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>联系人管理</title>
  <script type="text/javascript" src="/js/jquery.min.js"></script>
  <script type="text/javascript" src="/js/jquery.jeditable.mini.js"></script>
  <link href="/css/sms.css" rel="stylesheet" type="text/css">

  <script>
    $(document).ready(function() {
      $('.edit').editable('http://www.example.com/save.php', {
        indicator : 'Saving...',
        tooltip   : 'Click to edit...'
      });
      $('.edit_area').editable('http://www.example.com/save.php', {
        type      : 'textarea',
        cancel    : 'Cancel',
        submit    : 'OK',
        indicator : '<img src="img/indicator.gif">',
        tooltip   : 'Click to edit...'
      });
    });
    function addLink() {
      var diag = new Dialog();
      diag.URL = "/linkMan/create";
      diag.Width = 500;
      diag.Height = 350;

      diag.show();


    }
  </script>
  <script type="text/javascript" src="/js/dialog/zDrag.js"></script>
  <script type="text/javascript" src="/js/dialog/zDialog.js"></script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>
        <td><table border="0" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC" class="pinyin">
          <tr>
            <td class="pinyinAll"><a href="?py=all"><strong style="color:#900">所有联系人</strong></a></td>
            <td><a href="?py=a">A</a></td>
            <td><a href="?py=b">B</a></td>
            <td><a href="?py=c">C</a></td>
            <td><a href="?py=d">D</a></td>
            <td><a href="?py=e">E</a></td>
            <td><a href="?py=f">F</a></td>
            <td><a href="?py=g">G</a></td>
            <td><a href="?py=h">H</a></td>
            <td><a href="?py=i">I</a></td>
            <td><a href="?py=j">J</a></td>
            <td><a href="?py=k">K</a></td>
            <td><a href="?py=l">L</a></td>
            <td><a href="?py=m">M</a></td>
            <td><a href="?py=n">N</a></td>
            <td><a href="?py=o">O</a></td>
            <td><a href="?py=p">P</a></td>
            <td><a href="?py=q">Q</a></td>
            <td><a href="?py=r">R</a></td>
            <td><a href="?py=s">S</a></td>
            <td><a href="?py=t">T</a></td>
            <td><a href="?py=u">U</a></td>
            <td><a href="?py=v">V</a></td>
            <td><a href="?py=w">W</a></td>
            <td><a href="?py=x">X</a></td>
            <td><a href="?py=y">Y</a></td>
            <td><a href="?py=z">Z</a></td>

            <td class="pinyinAll"><a href="#" onclick="addLink();">添加联系人</a></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td>
          <table width="100%" border="0" cellspacing="2" cellpadding="0" class="linkMan">
            <thead>
            <tr>
              <th width="30"><g:message code="chose" default="Chose"/></th>
              <g:sortableColumn property="name" title="Name" titleKey="linkMan.name"/>

              <g:sortableColumn property="mobile" title="Mobile" titleKey="linkMan.mobile"/>

              <g:sortableColumn property="tel" title="Tel" titleKey="linkMan.tel"/>

              <g:sortableColumn property="email" title="Email" titleKey="linkMan.email"/>

              <g:sortableColumn property="company" title="Company" titleKey="linkMan.company"/>

              <th width="60">操作</th>
            </tr>
            </thead>
            <tbody>
            <g:each in="${linkManInstanceList}" status="i" var="linkManInstance">
              <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
                <td><input name="listId" type="checkbox" id="listId" value="${linkManInstance.id}"/></td>
                <td>${fieldValue(bean: linkManInstance, field: "name")}</td>
                <td>${fieldValue(bean: linkManInstance, field: "mobile")}</td>
                <td>${fieldValue(bean: linkManInstance, field: "tel")}</td>
                <td>${fieldValue(bean: linkManInstance, field: "email")}</td>
                <td>${fieldValue(bean: linkManInstance, field: "company")}</td>
                <td><g:link action="edit" id="${linkManInstance.id}">修改</g:link>&nbsp;&nbsp;&nbsp;&nbsp;删除</td>
              </tr>

            </g:each>
            </tbody>
          </table>
        </td>
      </tr>

    </table></td>
    <td width="200" valign="top" bgcolor="#FFFFCC"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="50" align="center"><input name="textfield" type="text" id="textfield" value="联系人查找" size="12"/>&nbsp;&nbsp;
          <input type="submit" name="button" id="button" value="查找"/></td>
      </tr>
      <tr>
        <td bgcolor="#E1D000"><img name="" src="" width="1" height="1" alt=""/></td>
      </tr>
      <tr>
        <td height="40"><span class="text">联系人分组</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新建分组</a></td>
      </tr>
      <tr>
        <td bgcolor="#E1D000"><img name="" src="" width="1" height="1" alt=""/></td>
      </tr>
      <tr>
        <td height="30">》所有联系人</td>
      </tr>
      <tr>
        <td height="30">》最近联系人</td>
      </tr>
      <tr>
        <td height="30">》紧密联系人</td>
      </tr>
      <tr>
        <td height="30">》未分组</td>
      </tr>
    </table></td>
  </tr>

</table>
</body>
</html>
